*{
	margin:0px;
	padding:0px;
}
html{
	height:100%;
}
body{
	width:100%;
	height:100%;
	background:url("./images/wallpaper4.jpg");
	background-size:100% 100%;
	overflow: hidden;
}
.wrap{
	position:relative;
	width:1156px;
	height:450px;
	margin:50px auto;
}
.wrap ul li{
	position:relative;
	z-index:10;
	width:230px;
	height:150px;
	float:left;
	list-style:none;
	border-right:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	background:url("./images/clients.png") no-repeat;
	-webkit-transition:1s;
	-moz-transition:1s;
	-ms-transition:1s;
	-o-transition:1s;
	transition:1s;
}
.box{
	position:absolute;
	left:0px;
	top:0px;
	z-index:2;
	width:230px;
	height:150px;
	background:rgba(0,0,0,.2);
	-webkit-transition:1s;
	-moz-transition:1s;
	-ms-transition:1s;
	-o-transition:1s;
	transition:1s;
}